<template>
  <div>
       <property></property>
       <div v-for="(item,index) in device_infos" :key="index">
          <label for="">{{item.label}}</label>
          <span>{{index}}</span>
       </div>
  </div>
</template>
<script>
import Property from "../../components/Property";
import { mapState } from "vuex";
export default {
  name: "VueProperty",
  components: {
    Property
  },
  data() {
    return {
      device_infos: {
        // os:{label:'操作系统：',iconClass:'im-icon-os-other',value:'',unit:'',placement:'right'},
        // cpu:{label:'处理器：',iconClass:'im-icon-cp-cpu',value:'',max:'',unit:'',baseline:'',placement:'inner'},
        // memory:{label:'内存：',iconClass:'im-icon-cp-mem',value:'',unit:'',placement:'bottom'},
        disk: {
          label: "硬盘：",
          iconClass: "im-icon-cp-disk",
          value: [],
          icon_list: true
        },
        cdrom: {
          label: "光驱：",
          iconClass: "im-icon-cp-cdrom",
          value: "",
          unit: "",
          placement: "right"
        },
        floppy: {
          label: "软驱：",
          iconClass: "im-icon-cp-floppy",
          value: "",
          unit: "",
          placement: "right"
        },
        // show:{label:'显示：',iconClass:'im-icon-screen',value:'',unit:'',placement:'inner'},

        internal: {
          label: "internal网络：",
          iconClass: "im-icon-cp-interface",
          value: [],
          icon_list: true
        },
        external: {
          label: "external网络：",
          iconClass: "im-icon-cp-interface",
          value: [],
          icon_list: true
        },
        local: {
          label: "local网络：",
          iconClass: "im-icon-cp-interface",
          value: [],
          icon_list: true
        },

        usb: {
          label: "USB设备信息：",
          iconClass: "im-icon-cp-usb1",
          value: [],
          icon_list: true
        }
      }
    };
  },
  methods: {
    gg(){
      console.log(this.hotBooks)
    }
  },
  mounted () {
    this.gg();
  },
  computed: {
    ...mapState({
      hotBooks: state => state.book.count
    })
  },
};
</script>

